
$("li").click(function() {
	
	// 删除所有li的active样式
	$("li").removeClass("active")
	$(this).addClass("active")
	
})

var a = 1

var timer = setInterval(move, 3000)

function move(){
	if (a >= 5) {    // 如果a的值已经到最后一张啦，
		a = 0        // 那么重新从第一张
	}
	$(".big-img").css("margin-left", -1000 * a + "px")
	
	$(".desc li").removeClass("active")
		
	$(".desc li").eq(a).addClass("active")
	
	a++  
}

$(".desc li").mouseover(function() {
	
	// this 代表当前元素
	// $(this) 转换为 jQuery对象
	// index  当前元素在父元素中间的编号
	a = $(this).index()
	
	// 根据a更新对应的图片
	$(".big-img").css("margin-left", -1000*a + "px")
	
	// 1. 清除所有li class
	$(".desc li").removeClass()
	
	// 2. 给当前元素添加 active样式
	$(".desc li").eq(a).addClass("active")
	
	// 停止计时器
	clearInterval( timer )
	
})

// 鼠标移出left元素
$(".center").mouseleave(function() {
	// 创建定时器
	timer = setInterval(move, 3000)
})